<?xml version='1.0' encoding='ISO-8859-1' ?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"   
      xmlns:jb="http://java.sun.com/jsf/composite/componentes"
      xmlns:p="http://primefaces.org/ui">

    <SCRIPT language="JavaScript" type="text/javascript">
                   
        function handleExperienciaRequest(xhr, status, args) {
            if(args.validationFailed) {  
     
            } else {                              
                carDialogExperiencia.hide();  
                jQuery('#btnGuardarExperiencia').fadeOut();
            }  
        }  
    </SCRIPT>
    <h:panelGrid id="pgFormExperiencia" frame="box">
        <h:panelGrid  columns="2" cellpadding="4">
            <p:spacer width="10"/>

            <h:outputLabel value="#{i18n['experiencia.label.experiencia']}" styleClass="label"/>
            <p:inputTextarea label="#{i18n['experiencia.label.experiencia']}" onkeypress="return fn_validaTecla('alfanumericoypuntoyblanco',this)"
                             value="#{personaMBean.experienciaDto.experiencia}"  readonly="#{personaMBean.accionExperiencia == 3}"
                             required="true" maxlength="500" cols="100" rows="6"  style="#{applicationMBean.estiloObligatorio}">
            </p:inputTextarea>

            <h:outputLabel value="#{i18n['experiencia.label.empresa']}" styleClass="label"/>
            
            <p:autoComplete id="idAutocompExp" value="#{personaMBean.experienciaDto.empresa}" readonly="#{personaMBean.accionExperiencia == 3}" completeMethod="#{applicationMBean.autoCompletarEmpresaExperiencia}"
                            label="#{i18n['experiencia.label.empresa']}" disabled="#{sessionMBean.accion == 3}" maxResults="10" minQueryLength="2" queryDelay="1" forceSelection="true"
                            required="true"  size="50">                 
            </p:autoComplete>

            <h:outputLabel value="#{i18n['experiencia.label.pais']}" styleClass="label"/>
            <p:selectOneMenu value="#{personaMBean.experienciaDto.paisDto}"  converter="ubigeoConvert"   disabled="#{personaMBean.accionExperiencia == 3}"                                  
                             style="#{applicationMBean.estiloObligatorio}">
                <f:selectItems value="#{personaMBean.listaPaises}" var="ubigeoDto" itemLabel="#{ubigeoDto.descripcion}" itemValue="#{ubigeoDto}" />                        
            </p:selectOneMenu>

            <h:outputLabel value="#{i18n['experiencia.label.fecha_inicio']}" styleClass="label"/>
            <p:calendar value="#{personaMBean.experienciaDto.fechaInicio}" label="#{i18n['experiencia.label.fecha_inicio']}" pattern="#{applicationMBean.formatoFecha}"
                        style="#{applicationMBean.estiloObligatorio}" disabled="#{personaMBean.accionExperiencia == 3}">
                <f:convertDateTime pattern="#{applicationMBean.formatoFecha}" />
            </p:calendar>

            <h:outputLabel value="#{i18n['experiencia.label.fecha_fin']}" styleClass="label"/>
            <p:calendar value="#{personaMBean.experienciaDto.fechaFin}" label="#{i18n['experiencia.label.fecha_fin']}" pattern="#{applicationMBean.formatoFecha}"
                        style="#{applicationMBean.estiloObligatorio}" disabled="#{personaMBean.accionExperiencia == 3}">
                <f:convertDateTime pattern="#{applicationMBean.formatoFecha}" />
            </p:calendar>

            <h:outputLabel value="#{i18n['experiencia.label.area']}" styleClass="label"/>
            <p:selectOneMenu value="#{personaMBean.experienciaDto.areaDto}"  converter="parametroConvert" styleClass="txtCampoObligatorio" readonly="#{personaMBean.accionExperiencia == 3}">
                <f:selectItems value="#{personaMBean.listaArea}" var="parametroDto" itemLabel="#{parametroDto.descripcion}" itemValue="#{parametroDto}" />
            </p:selectOneMenu>

            <h:outputLabel value="#{i18n['experiencia.label.industria']}" styleClass="label"/>
            <p:selectOneMenu value="#{personaMBean.experienciaDto.industriaDto}"  converter="parametroConvert" styleClass="txtCampoObligatorio" readonly="#{personaMBean.accionExperiencia == 3}">
                <f:selectItems value="#{personaMBean.listaIndustria}" var="parametroDto" itemLabel="#{parametroDto.descripcion}" itemValue="#{parametroDto}" />
            </p:selectOneMenu>
            <!-- Queda pendiente el combo de cargos -->
        </h:panelGrid>

        <p:panel id="pnlAcciones" rendered="#{personaMBean.accionExperiencia != 3}">
            <h:panelGrid columns="10">
                <p:commandButton id="btnGuardarExperiencia" update=":frmPopupExperiencia:msjDialogExperiencia, :tabPrincipalDeta:frmExperiencia:tblExperiencia,:msgs"
                                 title="#{i18n['general.button.guardar.tip']}"
                                 ajax="true" readonly="#{personaMBean.accionExperiencia != 3}"
                                 style="#{applicationMBean.cssBotonTransaccion}"
                                 icon="ui-icon ui-icon-disk" 
                                 value="#{i18n['general.button.guardar']}" 
                                 action="#{personaMBean.agregarExperiencia}"
                                 oncomplete="handleExperienciaRequest(xhr, status, args)">
                </p:commandButton>

            </h:panelGrid>
        </p:panel>

    </h:panelGrid>
</html>